<script setup lang="ts">
	import { onLoad } from '@dcloudio/uni-app';
	import { ref } from 'vue';
	const pInfo = ref({
		url:'https://uview-plus.jiangruyi.com/album/2.jpg',
		stageName: '萌芽',
		statusName: '健康'
	});
	
	const content = ref('生长记录')
	
	onLoad((options: any)=>{
		console.log("param-pId:" + options.pId)
	})	
</script>

<template>
	<view class="container">
			<view class="plantInfo">
				<up-image :show-loading="true" :src="pInfo.url" width="80px" height="80px" ></up-image>
				<view style="display: flex; flex-direction: column; justify-content: center; margin-left: 20rpx;">
					<view>阶段：{{pInfo.stageName}}</view>
					<view>状态：{{pInfo.statusName}}</view>
				</view>
			</view>
			<up-cate-tab class="cate-tab" :tabList="tabList" tabKeyName="title" itemKeyName="title">
				<!-- <template #pageItem="{pageItem}">
					<view class="w-full">
						<up-cell-group :border='false'>
							<up-cell :border='false'>
								<template #icon>
									<up-image :src="pageItem.cover" width="100px" height="100px"></up-image>
								</template>
								<template v-slot:title>
									<view>
										{{ pageItem.title }}
									</view>
								</template>
								<template v-slot:label>
									<view class="h-100 pt-1">
										<text class="text-md text-red">￥{{ pageItem.price }}</text>
									</view>
								</template>
								<template v-slot:value>
									<up-number-box></up-number-box>
								</template>
							</up-cell>
						</up-cell-group>
					</view>
				</template> -->
			</up-cate-tab>
		</view>
</template>

<style>
.plantInfo{
	margin: 10rpx;
	background-color: #ffffff;
	display: flex;
	flex-direction: row;
}
</style>
